<!DOCTYPE html>
<html lang="en">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0" />
	<title>Hyper Pokemon - Tailor-made Pokémon themes for your Hyper terminal</title>
	<link href="https://fonts.googleapis.com/css?family=Raleway:500" rel="stylesheet">
	<meta name="description" content="Tailor-made Pokémon themes for your Hyper terminal">
	<meta name="author" content="Klaus Sinani">
	<meta name="robots" content="index,follow">
	<meta name="googlebot" content="index,follow">
	<script src="https://use.fontawesome.com/e95f01a005.js"></script>
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.1/css/materialize.min.css">
	<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
	<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
	<link rel="icon" type="image/png" sizes="96x96" href="favicon-96x96.png">
	<!-- Facebook Open Graph -->
	<meta property="og:url" content="https://klaussinani.github.io/hyper-pokemon">
	<meta property="og:type" content="website">
	<meta property="og:title" content="Hyper Pokemon">
	<meta property="og:image" content="https://cdn.rawgit.com/klaussinani/hyper-pokemon/221ba5d5/media/screen.png">
	<meta property="og:description" content="Tailor-made Pokémon themes for your Hyper terminal">
	<meta property="og:site_name" content="Hyper Pokemon">
	<meta property="og:locale" content="en_US">
	<!-- Twitter Cards -->
	<meta name="twitter:card" content="summary_large_image">
	<meta name="twitter:site" content="@klaussinani">
	<meta name="twitter:creator" content="@klaussinani">
	<meta name="twitter:url" content="https://klaussinani.github.io/hyper-pokemon">
	<meta name="twitter:title" content="Hyper Pokemon">
	<meta name="twitter:description" content="Tailor-made Pokémon themes for your Hyper terminal">
	<meta name="twitter:image" content="https://cdn.rawgit.com/klaussinani/hyper-pokemon/221ba5d5/media/screen.png">
	<!-- Google+ / Schema.org -->
	<meta itemprop="name" content="Hyper Pokemon">
	<meta itemprop="description" content="Tailor-made Pokémon themes for your Hyper terminal">
	<meta itemprop="image" content="https://cdn.rawgit.com/klaussinani/hyper-pokemon/221ba5d5/media/screen.png">
	<meta name="format-detection" content="telephone=no">
	<meta name="apple-mobile-web-app-status-bar-style" content="#FFFFFF">
	<meta name="apple-mobile-web-app-title" content="Hyper Pokemon">
	<!-- App Icons  -->
	<link rel="icon" sizes="192x192" href="highres-icon.png">
	<link rel="apple-touch-icon" href="apple-touch-icon.png">
	<meta name="theme-color" content="#FFFFFF">
	<meta name="mobile-web-app-capable" content="yes">
	<meta name="msapplication-tap-highlight" content="no">
	<meta name="application-name" content="Hyper Pokemon">
	<meta name="msapplication-tooltip" content="Tailor-made Pokémon themes for your Hyper terminal">
	<meta name="msapplication-navbutton-color" content="#FFFFFF">
	<meta name="msapplication-window" content="width=800;height=600">
	<meta name="msapplication-TileColor" content="#FFFFFF">
	<meta name="msapplication-TileImage" content="https://cdn.rawgit.com/klaussinani/hyper-pokemon/221ba5d5/media/screen.png">
	<meta name="msapplication-task-separator" content="1">
	<style>
    ::-webkit-scrollbar {
      width: 10px !important;
    }

    ::-webkit-scrollbar-track {
      border-radius: 0px !important;
    }

    ::-webkit-scrollbar-thumb {
      border-radius: 0px !important;
      background: #000000 !important;
    }

    html {
      font-family: 'Raleway', sans-serif;
    }

    hr {
      width: 35%;
    }

    .logo {
      padding-top: 30px !important;
    }

    .black-bg {
      background-color: #000000;
    }

    .white-text {
      color: #FFFFFF;
    }

    .container {
		width: 80%;
	}

    .card .card-image img {
      background-color: #000000;
      display: block;
      border-radius: 0px !important;
      position: relative;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      width: 100%;
    }

    .text-link {
      color: #000000;
      text-decoration: none;
      border-bottom: 1px black dotted;
    }

    .text-link:hover {
      border-bottom: 1px black solid;
    }

    .img-meta {
      display: block;
      margin: auto;
      padding-top: 0px;
    }

    .btn-spacing {
      margin: 3px;
    }

    .pad-bot {
      padding-bottom: 35px;
    }

    .beat {
      -webkit-animation: heartbeat 2000ms infinite;
      -moz-animation: heartbeat 2000ms infinite;
      -ms-animation: heartbeat 2000ms infinite;
      -o-animation: heartbeat 2000ms infinite;
      animation: heartbeat 2000ms infinite;
    }

    @-webkit-keyframes heartbeat {
      0%,
      40%,
      60%,
      80% {
        -webkit-transform: scale(1);
        transform: scale(1)
      }
      0%,
      40%,
      60%,
      80% {
        -webkit-transform: scale(1.25);
        transform: scale(1.25)
      }
    }

    @-moz-keyframes heartbeat {
      0%,
      40%,
      60%,
      80% {
        -webkit-transform: scale(1);
        transform: scale(1)
      }
      50%,
      70% {
        -webkit-transform: scale(1.25);
        transform: scale(1.25)
      }
    }

    @-ms-keyframes heartbeat {
      -webkit-transform: scale(1);
      transform: scale(1)
    }

    50%,
    70% {
      -webkit-transform: scale(1.25);
      transform: scale(1.25)
    }

    -webkit-transform: scale(1);
    @-o-keyframes heartbeat {
      0%,
      40%,
      60%,
      80% {
        transform: scale(1)
      }

      50%,
      70% {
        -webkit-transform: scale(1.25);
        transform: scale(1.25)
      }
    }

    @keyframes heartbeat {
      0%,
      40%,
      60%,
      80% {
        -webkit-transform: scale(1);
        transform: scale(1)
      }

      50%,
      70% {
        -webkit-transform: scale(1.25);
        transform: scale(1.25)
      }
    }
  	</style>
	<script async src="https://www.googletagmanager.com/gtag/js?id=UA-108193806-1"></script>
	<script>
	window.dataLayer = window.dataLayer || [];
	function gtag(){dataLayer.push(arguments);}
	gtag('js', new Date());

	gtag('config', 'UA-108193806-1');
	</script>
</head>

<body>
	<div class="section">
    <div class="container center">
      <img class="logo" src="https://raw.githubusercontent.com/klaussinani/hyper-pokemon/master/media/logo.png" width="20%">
      <h3 class="header center">Hyper Pokemon</h3>
      <div class="row center">
        <h5 class="col s12 light">Tailor-made Pokémon themes for your Hyper terminal</h5>
      </div>
      <img class="img-meta" src="https://raw.githubusercontent.com/klaussinani/hyper-pokemon/master/media/screen.png" width="95%">
      <div class="row center">
        <h6 class="col s12 light"><span id="gh-latest"></span></h6>
      </div>
      <div class="row center">
        <a href="https://github.com/klaussinani/hyper-pokemon#install" class="btn-large waves-effect waves-light btn-spacing black"><i class="fa fa-download left"></i>Get it now</a>
        <a href="https://github.com/klaussinani/hyper-pokemon" class="btn-large waves-effect waves-light btn-spacing black"><i class="fa fa-code-fork left"></i>Fork Source</a>
      </div>
    </div>
  </div>
    <div class="section">
    <div class="container">
      <br/>
      <br/>
      <br/>
      <h4 class="header center">150+ Available themes.</h4>
      <hr/>
      <br/>
      <br/>
      <h4 class="header center">Kanto Region</h4>
      <div class="row center">
      <a class="text-link" href="https://github.com/klaussinani/hyper-pokemon#options">Learn more</a>
      </div>
    </div>
  </div>
	<section class="section">
		<div class="container center">
			<div class="row">
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/missingno.png" alt="Missingno Theme">
							<span class="card-title"># 000 - Missingno</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/bulbasaur.png" alt="Bulbasaur Theme">
							<span class="card-title"># 001 - Bulbasaur</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/ivysaur.png" alt="Ivysaur Theme">
							<span class="card-title"># 002 - Ivysaur</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/venusaur.png" alt="Venusaur Theme">
							<span class="card-title"># 003 - Venusaur</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/charmander.png" alt="Charmander Theme">
							<span class="card-title"># 004 - Charmander</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/charmeleon.png" alt="Charmeleon Theme">
							<span class="card-title"># 005 - Charmeleon</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/charizard.png" alt="Charizard Theme">
							<span class="card-title"># 006 - Charizard</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/squirtle.png" alt="Squirtle Theme">
							<span class="card-title"># 007 - Squirtle</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/wartortle.png" alt="Wartortle Theme">
							<span class="card-title"># 008 - Wartortle</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/blastoise.png" alt="Blastoise Theme">
							<span class="card-title"># 009 - Blastoise</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/caterpie.png" alt="Caterpie Theme">
							<span class="card-title"># 010 - Caterpie</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/metapod.png" alt="Metapod Theme">
							<span class="card-title"># 011 - Metapod</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/butterfree.png" alt="Butterfree Theme">
							<span class="card-title"># 012 - Butterfree</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/weedle.png" alt="Weedle Theme">
							<span class="card-title"># 013 - Weedle</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/kakuna.png" alt="Kakuna Theme">
							<span class="card-title"># 014 - Kakuna</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/beedrill.png" alt="Beedrill Theme">
							<span class="card-title"># 015 - Beedrill</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/pidgey.png" alt="Pidgey Theme">
							<span class="card-title"># 016 - Pidgey</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/pidgeotto.png" alt="Pidgeotto Theme">
							<span class="card-title"># 017 - Pidgeotto</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/pidgeot.png" alt="Pidgeot Theme">
							<span class="card-title"># 018 - Pidgeot</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/rattata.png" alt="Rattata Theme">
							<span class="card-title"># 019 - Rattata</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/raticate.png" alt="Raticate Theme">
							<span class="card-title"># 020 - Raticate</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/spearow.png" alt="Spearow Theme">
							<span class="card-title"># 021 - Spearow</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/fearow.png" alt="Fearow Theme">
							<span class="card-title"># 022 - Fearow</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/ekans.png" alt="Ekans Theme">
							<span class="card-title"># 023 - Ekans</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/arbok.png" alt="Arbok Theme">
							<span class="card-title"># 024 - Arbok</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/pikachu.png" alt="Pikachu Theme">
							<span class="card-title"># 025 - Pikachu</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/raichu.png" alt="Raichu Theme">
							<span class="card-title"># 026 - Raichu</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/sandshrew.png" alt="Sandshrew Theme">
							<span class="card-title"># 027 - Sandshrew</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/sandslash.png" alt="Sandslash Theme">
							<span class="card-title"># 028 - Sandslash</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/nidoran-female.png" alt="Nidoran-female Theme">
							<span class="card-title"># 029 - Nidoran-female</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/nidorina.png" alt="Nidorina Theme">
							<span class="card-title"># 030 - Nidorina</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/nidoqueen.png" alt="Nidoqueen Theme">
							<span class="card-title"># 031 - Nidoqueen</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/nidoran-male.png" alt="Nidoran-male Theme">
							<span class="card-title"># 032 - Nidoran-male</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/nidorino.png" alt="Nidorino Theme">
							<span class="card-title"># 033 - Nidorino</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/nidoking.png" alt="Nidoking Theme">
							<span class="card-title"># 034 - Nidoking</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/clefairy.png" alt="Clefairy Theme">
							<span class="card-title"># 035 - Clefairy</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/clefable.png" alt="Clefable Theme">
							<span class="card-title"># 036 - Clefable</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/vulpix.png" alt="Vulpix Theme">
							<span class="card-title"># 037 - Vulpix</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/ninetales.png" alt="Ninetales Theme">
							<span class="card-title"># 038 - Ninetales</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/jigglypuff.png" alt="Jigglypuff Theme">
							<span class="card-title"># 039 - Jigglypuff</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/wigglytuff.png" alt="Wigglytuff Theme">
							<span class="card-title"># 040 - Wigglytuff</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/zubat.png" alt="Zubat Theme">
							<span class="card-title"># 041 - Zubat</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/golbat.png" alt="Golbat Theme">
							<span class="card-title"># 042 - Golbat</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/oddish.png" alt="Oddish Theme">
							<span class="card-title"># 043 - Oddish</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/gloom.png" alt="Gloom Theme">
							<span class="card-title"># 044 - Gloom</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/vileplume.png" alt="Vileplume Theme">
							<span class="card-title"># 045 - Vileplume</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/paras.png" alt="Paras Theme">
							<span class="card-title"># 046 - Paras</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/parasect.png" alt="Parasect Theme">
							<span class="card-title"># 047 - Parasect</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/venonat.png" alt="Venonat Theme">
							<span class="card-title"># 048 - Venonat</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/venomoth.png" alt="Venomoth Theme">
							<span class="card-title"># 049 - Venomoth</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/diglett.png" alt="Diglett Theme">
							<span class="card-title"># 050 - Diglett</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/dugtrio.png" alt="Dugtrio Theme">
							<span class="card-title"># 051 - Dugtrio</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/meowth.png" alt="Meowth Theme">
							<span class="card-title"># 052 - Meowth</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/persian.png" alt="Persian Theme">
							<span class="card-title"># 053 - Persian</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/psyduck.png" alt="Psyduck Theme">
							<span class="card-title"># 054 - Psyduck</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/golduck.png" alt="Golduck Theme">
							<span class="card-title"># 055 - Golduck</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/mankey.png" alt="Mankey Theme">
							<span class="card-title"># 056 - Mankey</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/primeape.png" alt="Primeape Theme">
							<span class="card-title"># 057 - Primeape</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/growlithe.png" alt="Growlithe Theme">
							<span class="card-title"># 058 - Growlithe</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/arcanine.png" alt="Arcanine Theme">
							<span class="card-title"># 059 - Arcanine</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/poliwag.png" alt="Poliwag Theme">
							<span class="card-title"># 060 - Poliwag</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/poliwhirl.png" alt="Poliwhirl Theme">
							<span class="card-title"># 061 - Poliwhirl</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/poliwrath.png" alt="Poliwrath Theme">
							<span class="card-title"># 062 - Poliwrath</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/abra.png" alt="Abra Theme">
							<span class="card-title"># 063 - Abra</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/kadabra.png" alt="Kadabra Theme">
							<span class="card-title"># 064 - Kadabra</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/alakazam.png" alt="Alakazam Theme">
							<span class="card-title"># 065 - Alakazam</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/machop.png" alt="Machop Theme">
							<span class="card-title"># 066 - Machop</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/machoke.png" alt="Machoke Theme">
							<span class="card-title"># 067 - Machoke</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/machamp.png" alt="Machamp Theme">
							<span class="card-title"># 068 - Machamp</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/bellsprout.png" alt="Bellsprout Theme">
							<span class="card-title"># 069 - Bellsprout</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/weepinbell.png" alt="Weepinbell Theme">
							<span class="card-title"># 070 - Weepinbell</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/victreebel.png" alt="Victreebel Theme">
							<span class="card-title"># 071 - Victreebel</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/tentacool.png" alt="Tentacool Theme">
							<span class="card-title"># 072 - Tentacool</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/tentacruel.png" alt="Tentacruel Theme">
							<span class="card-title"># 073 - Tentacruel</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/geodude.png" alt="Geodude Theme">
							<span class="card-title"># 074 - Geodude</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/graveler.png" alt="Graveler Theme">
							<span class="card-title"># 075 - Graveler</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/golem.png" alt="Golem Theme">
							<span class="card-title"># 076 - Golem</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/ponyta.png" alt="Ponyta Theme">
							<span class="card-title"># 077 - Ponyta</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/rapidash.png" alt="Rapidash Theme">
							<span class="card-title"># 078 - Rapidash</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/slowpoke.png" alt="Slowpoke Theme">
							<span class="card-title"># 079 - Slowpoke</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/slowbro.png" alt="Slowbro Theme">
							<span class="card-title"># 080 - Slowbro</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/magnemite.png" alt="Magnemite Theme">
							<span class="card-title"># 081 - Magnemite</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/magneton.png" alt="Magneton Theme">
							<span class="card-title"># 082 - Magneton</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/farfetchd.png" alt="Farfetchd Theme">
							<span class="card-title"># 083 - Farfetchd</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/doduo.png" alt="Doduo Theme">
							<span class="card-title"># 084 - Doduo</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/dodrio.png" alt="Dodrio Theme">
							<span class="card-title"># 085 - Dodrio</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/seel.png" alt="Seel Theme">
							<span class="card-title"># 086 - Seel</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/dewgong.png" alt="Dewgong Theme">
							<span class="card-title"># 087 - Dewgong</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/grimer.png" alt="Grimer Theme">
							<span class="card-title"># 088 - Grimer</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/muk.png" alt="Muk Theme">
							<span class="card-title"># 089 - Muk</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/shellder.png" alt="Shellder Theme">
							<span class="card-title"># 090 - Shellder</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/cloyster.png" alt="Cloyster Theme">
							<span class="card-title"># 091 - Cloyster</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/gastly.png" alt="Gastly Theme">
							<span class="card-title"># 092 - Gastly</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/haunter.png" alt="Haunter Theme">
							<span class="card-title"># 093 - Haunter</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/gengar.png" alt="Gengar Theme">
							<span class="card-title"># 094 - Gengar</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/onix.png" alt="Onix Theme">
							<span class="card-title"># 095 - Onix</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/drowzee.png" alt="Drowzee Theme">
							<span class="card-title"># 096 - Drowzee</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/hypno.png" alt="Hypno Theme">
							<span class="card-title"># 097 - Hypno</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/krabby.png" alt="Krabby Theme">
							<span class="card-title"># 098 - Krabby</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/kingler.png" alt="Kingler Theme">
							<span class="card-title"># 099 - Kingler</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/voltorb.png" alt="Voltorb Theme">
							<span class="card-title"># 100 - Voltorb</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/electrode.png" alt="Electrode Theme">
							<span class="card-title"># 101 - Electrode</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/exeggcute.png" alt="Exeggcute Theme">
							<span class="card-title"># 102 - Exeggcute</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/exeggutor.png" alt="Exeggutor Theme">
							<span class="card-title"># 103 - Exeggutor</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/cubone.png" alt="Cubone Theme">
							<span class="card-title"># 104 - Cubone</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/marowak.png" alt="Marowak Theme">
							<span class="card-title"># 105 - Marowak</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/hitmonlee.png" alt="Hitmonlee Theme">
							<span class="card-title"># 106 - Hitmonlee</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/hitmonchan.png" alt="Hitmonchan Theme">
							<span class="card-title"># 107 - Hitmonchan</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/lickitung.png" alt="Lickitung Theme">
							<span class="card-title"># 108 - Lickitung</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/koffing.png" alt="Koffing Theme">
							<span class="card-title"># 109 - Koffing</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/weezing.png" alt="Weezing Theme">
							<span class="card-title"># 110 - Weezing</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/rhyhorn.png" alt="Rhyhorn Theme">
							<span class="card-title"># 111 - Rhyhorn</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/rhydon.png" alt="Rhydon Theme">
							<span class="card-title"># 112 - Rhydon</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/chansey.png" alt="Chansey Theme">
							<span class="card-title"># 113 - Chansey</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/tangela.png" alt="Tangela Theme">
							<span class="card-title"># 114 - Tangela</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/kangaskhan.png" alt="Kangaskhan Theme">
							<span class="card-title"># 115 - Kangaskhan</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/horsea.png" alt="Horsea Theme">
							<span class="card-title"># 116 - Horsea</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/seadra.png" alt="Seadra Theme">
							<span class="card-title"># 117 - Seadra</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/goldeen.png" alt="Goldeen Theme">
							<span class="card-title"># 118 - Goldeen</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/seaking.png" alt="Seaking Theme">
							<span class="card-title"># 119 - Seaking</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/staryu.png" alt="Staryu Theme">
							<span class="card-title"># 120 - Staryu</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/starmie.png" alt="Starmie Theme">
							<span class="card-title"># 121 - Starmie</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/mrmime.png" alt="Mr.Mime Theme">
							<span class="card-title"># 122 - Mr.Mime</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/scyther.png" alt="Scyther Theme">
							<span class="card-title"># 123 - Scyther</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/jynx.png" alt="Jynx Theme">
							<span class="card-title"># 124 - Jynx</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/electabuzz.png" alt="Electabuzz Theme">
							<span class="card-title"># 125 - Electabuzz</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/magmar.png" alt="Magmar Theme">
							<span class="card-title"># 126 - Magmar</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/pinsir.png" alt="Pinsir Theme">
							<span class="card-title"># 127 - Pinsir</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/tauros.png" alt="Tauros Theme">
							<span class="card-title"># 128 - Tauros</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/magikarp.png" alt="Magikarp Theme">
							<span class="card-title"># 129 - Magikarp</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/gyarados.png" alt="Gyarados Theme">
							<span class="card-title"># 130 - Gyarados</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/lapras.png" alt="Lapras Theme">
							<span class="card-title"># 129 - Lapras</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/ditto.png" alt="Ditto Theme">
							<span class="card-title"># 132 - Ditto</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/eevee.png" alt="Eevee Theme">
							<span class="card-title"># 133 - Eevee</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/vaporeon.png" alt="Vaporeon Theme">
							<span class="card-title"># 134 - Vaporeon</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/jolteon.png" alt="Jolteon Theme">
							<span class="card-title"># 135 - Jolteon</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/flareon.png" alt="Flareon Theme">
							<span class="card-title"># 136 - Flareon</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/porygon.png" alt="Porygon Theme">
							<span class="card-title"># 137 - Porygon</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/omanyte.png" alt="Omanyte Theme">
							<span class="card-title"># 138 - Omanyte</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/omastar.png" alt="Omastar Theme">
							<span class="card-title"># 139 - Omastar</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/kabuto.png" alt="Kabuto Theme">
							<span class="card-title"># 140 - Kabuto</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/kabutops.png" alt="Kabutops Theme">
							<span class="card-title"># 141 - Kabutops</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/aerodactyl.png" alt="Aerodactyl Theme">
							<span class="card-title"># 142 - Aerodactyl</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/snorlax.png" alt="Snorlax Theme">
							<span class="card-title"># 143 - Snorlax</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/articuno.png" alt="Articuno Theme">
							<span class="card-title"># 144 - Articuno</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/zapdos.png" alt="Zapdos Theme">
							<span class="card-title"># 145 - Zapdos</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/moltres.png" alt="Moltres Theme">
							<span class="card-title"># 146 - Moltres</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/dratini.png" alt="Dratini Theme">
							<span class="card-title"># 147 - Dratini</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/dragonair.png" alt="Dragonair Theme">
							<span class="card-title"># 148 - Dragonair</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/dragonite.png" alt="Dragonite Theme">
							<span class="card-title"># 149 - Dragonite</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/mewtwo.png" alt="Mewtwo Theme">
							<span class="card-title"># 150 - Mewtwo</span>
						</div>
					</div>
				</div>
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/mew.png" alt="Mew Theme">
							<span class="card-title"># 151 - Mew</span>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<div class="section">
		<div class="container">
			<br/>
			<h4 class="header center">Hoenn Region</h4>
		</div>
	</div>
	<div class="section">
		<div class="container center">
			<div class="row">
				<div class="col l4 s12">
					<div class="card hoverable">
						<div class="card-image">
							<img src="media/mudkip.png" alt="Mudkip Theme">
							<span class="card-title"># 258 - Mudkip</span>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<footer class="pad-bot">
    <div class="container ">
      <div class="row center">
        <h6 class="col s12 light"><i class="fa fa-code fa-lg"></i> with <i class="fa fa-heart fa-lg beat"></i> by
          <a href="https://github.com/klaussinani" class="text-link">@klaussinani</a>,
          <a href="https://github.com/mariocfhq" class="text-link">@mariocfhq</a>,
          <a href="https://github.com/ThanasisGkanos" class="text-link">@ThanasisGkanos</a>,
          <a href="https://github.com/georgebax" class="text-link">@georgebax</a>
        </h6>
      </div>
    </div>
  </footer>
	<script>
		var xmlhttp = new XMLHttpRequest();
		var repoMetaURL = "https://api.github.com/repos/klaussinani/hyper-pokemon/commits/master";
		xmlhttp.onreadystatechange = function() {
			if (this.readyState == 4 && this.status == 200) {
				var repoMeta = JSON.parse(this.responseText);

				var commitURL = repoMeta.html_url;
				var authorURL = repoMeta.author.html_url;
				var commitMessage = repoMeta.commit.message;
				var authorName = repoMeta.commit.author.name;
				var commitDate = new Date(repoMeta.commit.author.date).toDateString();

				var ghLatestActivity = 'Latest commit on Github: "' + '<a class="text-link" href="' + commitURL + '"' + '>' + commitMessage + '</a>' + '" by ' + '<a class="text-link" href="' + authorURL + '"' + '>' + authorName + '</a>' + ' on ' + commitDate + '.';

				document.getElementById("gh-latest").innerHTML = ghLatestActivity;
			}
		};
		xmlhttp.open("GET", repoMetaURL, true);
		xmlhttp.send();
	</script>
</body>

</html>
